<template>
  <dl class="newsList">
    <dt><strong>热门推荐</strong></dt>
    <dd>&nbsp;</dd>
    <dd v-for="(item, index) in hotList" :key="index">
      <el-row :gutter="20" >
        <el-col :span="8">
          <el-image
            style="width: 100px; height: 100px"
            :src=item.imgSrc
            fit="fit"></el-image>
        </el-col>
        <el-col :span="16"><p>{{item.dec}}</p></el-col>
      </el-row>
      <el-row><el-divider></el-divider></el-row>
    </dd>
  </dl>
</template>

<script>
    export default {
        name: "hot-list",
        props:{
          hotList:Array
        }
    }
</script>

<style lang="less" scoped>
  .newsList {
    background-color: #fafafa;
    padding: 5%;
    padding-bottom: 102px;
  }

</style>
